
@color:rgb(54,54,54);//主题色
@actColor:#ec2828;
@bg_color:#f0f2f8;//背景色
@maxWidth:768px;//最大宽度
@fxStyle:flex-start;@fyStyle:flex-start;@padRf:0.2rem;
@t=0;@r:0;@b:0;@l:0;
html,
body {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  background-color: #fff;
  font-size: 20px; 
  // background: @bg_color;
}
input,
button,
textarea {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  /*-webkit-appearance:none;*/
  background-color: rgba(0, 0, 0, 0);
}
img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
p{
  padding: 0;
  margin: 0
}
input {
  border: 0px;
  outline: none;
  cursor: pointer;
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 13.6px !important;
  }
}
@media only screen and (min-width: 350px) {
  html {
    font-size: 15.6px !important;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33333333px !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 21px !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important;
  }
}
// 超出部分省略，参数num=行数
.text(@num){
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @num;
    -webkit-box-orient: vertical;
    word-break:break-all
}

.flex(@num){
    
    display: -webkit-flex;
    display: -sm-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex:@num;    
}
.flex-box(@fxStyle,@flStyle,@padRf){
    width:100%;
     display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content:@fxStyle;
    align-items: @flStyle;
    padding:@padRf;

}

//定位
.posAbs(@t,@r,@b,@l){
    position: absolute;
    right:@r;
    left:@l;
    top:@t;
    bottom:@b;
}

// 左上--->右下渐变色
.ccolor(@color1,@color2){
    background: @color1;
    background: linear-gradient(to bottom right, @color1 , @color2);
  }
// 从上到下
.ccolor_top(@color1,@color2){
  background: @color1;
  background: linear-gradient(to bottom, @color1 , @color2);
}
// 左--->右渐变色
.ccolor2(@color1,@color2){
  background: @color1;
  background: linear-gradient(to right, @color1 , @color2);
}

div{
  box-sizing: border-box
}

.fontSize(@size){
  font-size: @size;
  -webkit-transform:scale(0.8)
}